$(function () {

    var leftXz_Ul = document.getElementsByClassName("leftXz_Ul")[0];
    var right_zlDiv = document.getElementsByClassName("right_zlDiv");
    var leftXz_li = leftXz_Ul.querySelectorAll("li");
    var leftXz_cick=0;
    for (let i = 0; i < leftXz_li.length ; i++) {
        leftXz_li[i].onclick = function (){
            leftXz_li[leftXz_cick].style.backgroundColor="#ffffff";
            leftXz_li[leftXz_cick].style.color="#000000";
            leftXz_li[i].style.backgroundColor="#fb7299";
            leftXz_li[i].style.color="#ffffff";
            $(".right_zlDiv").css("display","none");
            right_zlDiv[i].style.display="block";
            leftXz_cick=i;
        }
    }
    $(".inpTagText").blur(function () {
        var zlTagDiv = document.getElementsByClassName("zlTagDiv")[0];
        if ($(".inpTagText").val()==""){
            zlTagDiv.innerHTML="";
        }else {
            var inpTag = $(".inpTagText").val().split(",");
            zlTagDiv.innerHTML="";
            for (let i = 0; i < inpTag.length ; i++) {
                var zlTagAddDiv = document.createElement("div");
                zlTagAddDiv.className="zlTagAddDiv";
                zlTagAddDiv.innerText=inpTag[i];
                zlTagDiv.append(zlTagAddDiv);
            }
        }

    })


})